.btn-box {
  margin-left: 50px;
  transition: all 300ms;
}

/* 显示 */
.btn-enter {
  opacity: 0;
  /* 开始-显示的元素出现在距离元素右侧的自身宽度的位置 */
  transform: translateX(100%);
}
.btn-enter-active {
  /* 执行-原始位置 */
  transform: translateX(0);
  opacity: 1;
}

/* 隐藏 */
.btn-exit {
  opacity: 1;
  transform: translateX(0);
}
.btn-exit-active {
  /* 隐藏-左侧位置 */
  transform: translateX(-100%);
  opacity: 0;
}
.btn-exit-done {
  opacity: 0;
}
